<template>
  <div class="app-container">
    <el-card>
      <el-breadcrumb separator="/">
        <el-breadcrumb-item :to="{ path: '/' }">主页</el-breadcrumb-item>
        <el-breadcrumb-item>商品设置</el-breadcrumb-item>
        <el-breadcrumb-item>店铺设置</el-breadcrumb-item>
      </el-breadcrumb>
    </el-card>
    <el-card>
      <template #header>
        <div>
          店铺设置
        </div>
      </template>
      <el-tabs v-model="activeName">
        <el-tab-pane
          label="店铺行业"
          name="second"
        >
          <store-industry />
        </el-tab-pane>
        <el-tab-pane
          label="商品类别"
          name="third"
        >
          <merchandise-categories />
        </el-tab-pane>
      </el-tabs>
    </el-card>
  </div>
</template>

<script>
import storeIndustry from './components/store-industry'
import merchandiseCategories from './components/merchandise-categories'
export default {
  components: {
    storeIndustry,
    merchandiseCategories
  },
  data() {
    return {
      activeName: 'second'
    }
  }
}
</script>
<style lang="scss">
.el-alert {
  margin-top: 10px !important;
}
.el-row--flex {
  margin-bottom: 10px;
}
.el-col-6 {
  margin-left: 10px;
}
.el-card:first-child {
  margin-bottom: 10px;
}
</style>

